<div >
    <nz-descriptions nzBordered >
        <nz-descriptions-item nzTitle="用户ID" [nzSpan]="1">{{user?.userId}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="用户名称" [nzSpan]="1">{{user?.username}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="用户昵称" [nzSpan]="1">{{user?.nickName}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="部门ID" [nzSpan]="1">{{user?.deptId}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="部门名称" [nzSpan]="2">{{user?.deptName}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="性别" [nzSpan]="1">{{user?.sex}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="邮箱" [nzSpan]="2">{{user?.email}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="电话" [nzSpan]="3">{{user?.phoneNumber}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="拥有角色" [nzSpan]="3" style="overflow-y: auto; max-height: 40px;">
            <span style="padding-right: 10px;" *ngFor="let role of user?.roles">
                {{role.roleName}}
            </span>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="描述" [nzSpan]="3">{{user?.remark}}</nz-descriptions-item>
    </nz-descriptions>

    <div nz-row nzJustify="end" class="action-area" style="margin-top: 10px;">
        <div nz-col>
            <button class="dialog-button" nz-button (click)="onClose($event)">关闭</button>
        </div>
    </div>
</div>